import { useState } from 'react'
import logo from './logo.svg'
import './App.css'
import {Routes,Route,Router,useParams} from 'react-router-dom'
import Footer from './components/Footer'
import Home from './pages/Home'
import Shop from './pages/Shop'
import Add from './pages/Add'
import Mine from './pages/Mine'
import Order from './pages/Order'
import Follow from './pages/Home/Follow'
import Find from './pages/Home/Find'
import Native from './pages/Home/Native'
import Detail from './components/Detail'



function App() {

  return (
    <div className="App">
      <Routes>
          <Route path='/' element={<Home/>} />
          <Route path='/home' element={<Home/>} >
            <Route path='/home/follow' element={<Follow/>}/>
            <Route path='/home/find' element={<Find/>}/>
            <Route path='/home/native' element={<Native/>}/>
          </Route>
          <Route path='/shop' element={<Shop/>} />
          <Route path='/add' element={<Add/>} />
          <Route path='/mine' element={<Mine/>} />
          <Route path='/order' element={<Order/>} />   
          <Route path='/detail' element={<Detail/>}/>
      </Routes>
      <Footer/>
    </div>
  )
}

export default App
